<template>登录页

<div>
    账号:<input type="text" v-model="account" placeholder="请输入你的账号">
</div>
<div>
    密码:<input type="password" v-model="password" placeholder="请输入你的密码">
</div>
<div>
    <button @click="suhbmit">登录</button>
</div>
{{ account }}
{{ password }}
</template>

<script setup>
 import {} from 'vue'
 import {useRouter} from 'vue-router'
 import {useStore} from 'vuex'

 const account = ref('')
 const password = ref('')

//  拿到路由的实例化对象
const router = useRouter()
// 拿到Vuex的实例化对象
const store = useStore

 const submit = ()=>{
  console.log('222');
  if(account.value === 'admin' && password.value === '123456') {
    alert("登陆成功")

    // 保存用户信息
    store.commit("updateUserInFo",{
        name:'张三',
        gennder:'男',
        phone:'12345678900'
    })

    // 跳转去用户中心
    router.push({path:'/user'})
  }else {
    alert("账号密码输入错误，请重新输入")
  }
 }
</script>